<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<title>U店微信商城</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<script src="js/rem.js"></script>
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/page.css" />
		<link rel="stylesheet" type="text/css" href="css/all.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="slick/slick.css" />
		<link rel="stylesheet" href="css/jqpagination.css" />
		<link rel="stylesheet" href="css/page.css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=134db1b9cf1f1f2b4427210932b34dcb"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)
			})
		</script>
	</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
		<div class="loader-inner pacman">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
	</div>
</div>
<!--loading页结束-->
<body>
	<div class="content clearfloat" id="imgLoading2">

		<header class="mui-bar mui-bar-nav" id="">
			<div class="top-sch-box flex-col">
				<div class="centerflex">
				<input type="text" id="" class="sch-txt" disabled="disabled" placeholder="健康多一点,生活好一点" />
				</div>
				<div class="">
					<img style="margin-left: 40%;" alt="loading" src="img/ajax-loader.gif"><br> <span style="font-family: 微软雅黑">宝宝正在努力加载您附近的超市信息....</span>
				</div>
			</div>
			<a class="btn" href="#"> <i class="iconfont icon-erweima"></i>
			</a>
		</header>
		
	</div>

	<div style="display: none;" id="shopMain">

	<div id="status" style="text-align: center;display: none;"></div>
	<div style="width:800px;height:680px;border:1px solid gray;margin:30px auto;display: none;" id="container"></div>
	<!--header star-->
	<header class="mui-bar mui-bar-nav" id="header">
		<div class="top-sch-box flex-col">
			<div class="centerflex">
				<i class="fdj iconfont icon-sousuo" onclick="serchGoods()"></i> <input type="text" id="searchBox" class="sch-txt" placeholder="输入您要搜索的商品" />
			</div>
			<div class="mui-badge-green">
				<span>当前位置：</span><span id="shopinfos"></span> <a href="shopInfo.html">切换</a>
			</div>
		</div>
		<a class="btn" href="#"> <i class="iconfont icon-erweima"></i>
		</a>
	</header>
	<!--header end-->

	<!-- 侧边导航 -->
	<div class="slide-mask"></div>
	<div id="main" class="clearfloat warp">
		<div class="mui-content">
			<!--banner开始-->
			<div class="banner swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
					</div>
					<div class="swiper-slide">
						<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
					</div>
					<div class="swiper-slide">
						<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
					</div>
					<div class="swiper-slide">
						<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
					</div>
				</div>
			</div>
			<!--banner结束-->
			<!--第一栏分类开始-->
			<!-- <div class="cation clearfloat box-s">
				<ul>
					<li><a href="#"> <img src="img/icon1.png" />
							<p>报单专区</p>
					</a></li>
					<li><a href="lianmeng.html"> <img src="img/icon2.png" />
							<p>联盟商家</p>
					</a></li>
					<li><a href="#"> <img src="img/icon3.png" />
							<p>猜你喜欢</p>
					</a></li>
					<li><a href="#"> <img src="img/icon4.png" />
							<p>热门商品</p>
					</a></li>
				</ul>
			</div> -->
			<!--第一栏分类结束-->
			<!--滚动公告开始-->
			<!--滚动公告结束-->

			<!--seller star-->
			<div class="seller clearfloat">
				<div class="boutit clearfloat" style="margin-top: 10px">
					<span></span>
					<samp>热卖推荐</samp>
				</div>
				<div class="content clearfloat">
					<div class="left clearfloat fl">
						<a href="detail.html">
							<div class="top clearfloat box-s">
								<p class="tit over">天天特惠</p>
								<span class="over db">每天10点 爆款抢不停</span>
							</div>
							<div class="tu">
								<img src="upload/3.jpg" />
							</div>
						</a>
					</div>
					<div class="right clearfloat fr">
						<div class="top clearfloat fl">
							<a href="detail.html">
								<div class="zuo clearfloat fl box-s">
									<p class="tit over">酒水饮料</p>
									<span class="over db">炫彩预调鸡尾酒</span>
								</div>
								<div class="tu clearfloat fr">
									<span></span> <img src="upload/4.jpg" />
								</div>
							</a>
						</div>
						<div class="top clearfloat fl">
							<a href="detail.html">
								<div class="zuo clearfloat fl box-s">
									<p class="tit over">酒水饮料</p>
									<span class="over db">炫彩预调鸡尾酒</span>
								</div>
								<div class="tu clearfloat fr">
									<span></span> <img src="upload/4.jpg" />
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<!--seller end-->

			<!--onnew star-->
			<!--onnew end-->
			<!--like star-->
			<div class="like clearfloat box-s">
				<div class="boutit clearfloat">
					<span></span>
					<samp>商品列表</samp>
				</div>
				<div class="content clearfloat" id="shop-goods">

					<div class="list clearfloat fl">
						<a href="#">
							<div class="tu clearfloat">
								<img src="upload/hot.jpg" />
							</div>
							<div class="bottom clearfloat box-s">
								<p class="over">先去别家店逛逛吧</p>
								<span></span>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!--like end-->
			<div class="pagination full" id="pageGoods">
					<a href="#" class="first" data-action="first">首</a> <a href="#"
						class="previous" data-action="previous">上</a> <input type="text"
						readonly="readonly" data-max-page="40" /> <a href="#"
						class="next" data-action="next">下</a> <a href="#" class="last"
						data-action="last">末</a>
				</div>

			<div class="like clearfloat box-s">
				<div class="boutit clearfloat">
					<span></span>
					<samp>更多</samp>
				</div>
			</div>
		</div>
	</div>
	<!--footer star-->
	<footer class="page-footer fixed-footer" id="footer">
		<ul>
			<li class="active"><a href="index.html"> <i class="iconfont icon-shouye"></i>
					<p>首页</p>
			</a></li>
			<li><a onclick="goList()"> <i class="iconfont icon-icon04"></i>
					<p>分类</p>
			</a></li>
			<li><a onclick="goShopcar()"> <i class="iconfont icon-gouwuche"></i> <span id="shopcart-number">0</span>
					<p>购物车</p>
			</a></li>
			<li><a href="center.html"> <i class="iconfont icon-yonghuming"></i>
					<p>我的</p>
			</a></li>
		</ul>
	</footer>
	
	</div>
	<!--footer end-->
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="js/others.js"></script>
	<script type="text/javascript" src="js/hmt.js"></script>
	<script src="slick/slick.js" type="text/javascript"></script>
	<!--插件-->
	<link rel="stylesheet" href="css/swiper.min.css">
	<script src="js/swiper.jquery.min.js"></script>
	<script src="js/jquery.jqpagination.min.js"></script>
	<script type="text/javascript" src="js/cookie_util.js"></script>
	<script src="js/shopwx.js"></script>

	<!--新闻资讯滚动-->
	<script type="text/javascript">
			$('.autoplay').slick({
			  slidesToShow: 1,
			  slidesToScroll: 1,
			  autoplay: true,
			  autoplaySpeed: 2000,
			});
		</script>

</body>

</html>